@import "var";

.SlidePageView {
  position: fixed !important;
}
#q48JG4RVQPageView {
  height:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding-bottom:0;
  background: #faecc4!important;
  .col-layout-wraper > .col-layout-cell {
    left: 0;
  }
  ul {
    list-style: none;
  }
  ul,
  li {
    padding: 0;
    margin: 0;
  }

  .empty {
    width: 100%;
    padding-top: 70px;
    span {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 70px;
      color: #ccc;
    }
    div {
      padding-top: 20px;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 14px;
      color: #ccc;
    }
  }

}

#Category{
  position:relative;
  background:#faecc4;
  padding-bottom:52px;
  height:100%;
  overflow:auto;

#scroller-content{
  position:relative;
  top:50px;
  height:100%;
  overflow:auto;
  p{
    margin:0;
    padding:0
  }
  ul{
    padding:5px 10px 25px 10px;
    overflow:hidden;
    .list-item{
      margin-bottom:10px;
      padding:5px;
      overflow:hidden;
      background:#fff;
      border-radius: 4px;
      .project{
        font-size:16px;
        color:#000;
        width:95%;
        overflow:hidden;
        white-space: nowrap;
        text-overflow:ellipsis;

      }
      .username{
        float:left;
        span:nth-child(1){
          color:#cb4b16;
          font-size:12px;
        }
        span:nth-child(2){
          font-size:12px;
        }
      }

      .begindate{
        float:right;
        margin-right:10%;
        font-size:12px;
        padding-left:16px;
        background:url("../images/time.svg") no-repeat 0 3px;
        background-size:14px;

      }
    }
  }
}


}
